1 files changed, 27 insertions, 2 deletions

diff --git a/frontend/app/drive/[...path]/page.tsx b/frontend/app/drive/[...path]/page.tsx
index 8380a30..bfb65ad 100644
--- a/frontend/app/drive/[...path]/page.tsx
+++ b/frontend/app/drive/[...path]/page.tsx
@@ -1,6 +1,27 @@
 import { DriveDirectoryView } from "@/components/drive/DriveDirectoryView"
 import { Drive_ls } from "@/lib/drive_server"
 
+async function fetchStorageData() {
+  try {
+    const response = await fetch(`${process.env.NODE_ENV === 'development' ? 'http://127.0.0.1:3000' : ''}/api/storage`, { 
+      cache: 'no-store' 
+    })
+    if (!response.ok) {
+      throw new Error('Failed to fetch storage data')
+    }
+    return await response.json()
+  } catch (error) {
+    console.error('Failed to fetch storage data:', error)
+    // Return zeros on error as requested
+    return {
+      activeDriveUsage: 0,
+      totalDiskCapacity: 0,
+      totalDiskUsed: 0,
+      availableDisk: 0
+    }
+  }
+}
+
 export default async function DriveDirectoryPage({
   params,
 }: {
@@ -11,6 +32,10 @@ export default async function DriveDirectoryPage({
   const decodedSegments = pathSegments?.map(segment => decodeURIComponent(segment)) || []
   const currentPath = '/' + decodedSegments.join('/')
   
-  const files = await Drive_ls(currentPath, false)
-  return <DriveDirectoryView path={currentPath} files={files} />
+  const [files, storageData] = await Promise.all([
+    Drive_ls(currentPath, false),
+    fetchStorageData()
+  ])
+  
+  return <DriveDirectoryView path={currentPath} files={files} storageData={storageData} />
 }
\ No newline at end of file